<template>
    <div class="topic-content-layout">
        <!-- 主题内容详情布局开始 -->
        <t-layout class="containers">
            <!-- 顶部导航栏 -->
            <t-header>
                <layout-components-header></layout-components-header>
            </t-header>
            <!-- 主题内容页主题 -->
            <t-content>
                <div class="normal-container w-[950px] my-0 mx-auto mt-[30px]">
                    <t-row :gutter="15">
                        <!-- 左侧 -->
                        <t-col :span="9">
                            <slot name="detail" />
                        </t-col>
                        <t-col :span="3">
                            <slot name="side" />
                        </t-col>
                    </t-row>
                </div>
            </t-content>
            <!-- 底部 -->
            <t-footer>
                <layout-components-footer></layout-components-footer>
            </t-footer>
        </t-layout>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped></style>